
import vue from '@vitejs/plugin-vue';
import { defineConfig, loadEnv } from 'vite'
import { resolve } from 'path'
import presetEnv from 'postcss-preset-env'
import { getEnv } from './build/getEnv'
export default defineConfig(({ command, mode, isSsrBuild, isPreview }) => {
console.log('配置参数：', command, mode, isSsrBuild, isPreview)
  const root = process.cwd(); // 项目根目录
  const env = loadEnv(mode, root);

  const ViteEnv = getEnv(env) // 获取环境变量
  console.log('环境变量：',ViteEnv)
  return {
    // 配置选项
    server: {
      port: ViteEnv.VITE_APP_PORT || 3000,//端口
      open: ViteEnv.VITE_APP_OPEN || true,//开发服务器启动时，自动在浏览器中打开应用程序。当该值为字符串时，它将被用作 URL 的路径名。
    },
    esbuild: {
      pure: ViteEnv.VITE_DROP_CONSOLE ? ['console.log'] : [], // 去除console.log
    },
    plugins: [
      vue()
    ],
    resolve: {
      alias: {
        '@': resolve(__dirname, './src'),
      }
    },
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: '@use "@/styles/variables/base.scss" as base;',
        }
      },
      postcss: {
        plugins: [
          presetEnv({
            browsers: ['last 2 versions', '> 1%', 'IE 11'], //兼容上两个版本的浏览器，IE11，市场占有率大于1%
            autoprefixer: { grid: true }
          })
        ]
      }
    },


  }
})